<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    
    <!-- //使用For循环添加10个p标签到div中。【练习innerHTML】 -->
    
    <script>
        // var body = document.body
        var body = document.querySelector('body')

        // var html = `<div>
        // <p>1</p>
        // <p>2</p>
        // <p>3</p>
        // <p>4</p>
        // <p>5</p>
        // <p>6</p>
        // <p>7</p>
        // <p>8</p>
        // <p>9</p>
        // <p>10</p>
        // </div>`
        
        // var divS = '<div>'
        // var divE = '</div>'
        var allP = '';
        for(var i=1; i<=10; i++){
            var p = `<p>${i}</p>`
            allP +=  p

        }
        console.log(allP)
        var html = `<div>${allP}</div>`
        
        
        body.innerHTML = allP
    </script>
</body>
</html>